<template>
  <div>
    <h1>01合作伙伴登录</h1>
    <p>打开PC端中浏览器，输入银土收银台官方网站：
      <span>ht.yintu168.com</span>，进入网站后，点击右上角合作伙伴登录</p>
    <img src="../assets/images/admin/1.png" alt="">
    <p>
      进入到管理后台登录页面，
      <span>账号为您的预留手机号</span>，首次登陆请使用
      <span>验证码</span>方式登录，登陆后可修改登录密码
    </p>
    <img src="../assets/images/admin/2.png" alt="">
    <img src="../assets/images/admin/3.png" alt="">
    <p>输入完成后点击登录，进入到后台主页面</p>
    <p>
      <span>请注意查看您的渠道码</span>
    </p>
    <img src="../assets/images/admin/4.png" alt="">
    <p> 点击管理后台左侧的导航栏中系统设置，继续点击
      <span>更改密码</span>
    </p>
    <img src="../assets/images/admin/5.png" alt="">
    <p> 输入正确的初始密码，继续输入自己所设置的新密码，点击保存，密码设置完成</p>
    <img src="../assets/images/admin/6.png" alt="">
    <h1>02新增合作伙伴</h1>
    <p>点击合作伙伴管理后台左侧导航栏中的服务商管理，继续点击
      <span>新增下级合作伙伴</span>
    </p>
    <img src="../assets/images/admin/7.png" alt="">
    <p>输入新的下级合作伙伴相关信息，如果
      <span>下级合作伙伴为个人</span>，而不是企业，
      <span>没有营业执照者请上传个人身份证，没有开户许可证者请上传储蓄卡正面照</span>，服务商合作协议可上传
      <span>多张</span>图片，填写完毕后点击下一步</p>
    <img src="../assets/images/admin/8.png" alt="">
    <p>勾选为下级合作伙伴分配的金融产品，
      <span>可单选也可多选</span>，勾选完成后点击下一步</p>
    <img src="../assets/images/admin/9.png" alt="">
    <p>检查所填写的信息，
      <span>无误</span>后点击
      <span>提交</span>
    </p>
    <img src="../assets/images/admin/10.png" alt="">
    <p>等待工作人员审核</p>
    <img src="../assets/images/admin/11.png" alt="">
    <p>点击审核列表可
      <span>查看审核进度</span>
    </p>
    <img src="../assets/images/admin/12.png" alt="">
    <h1>03查看下级合作伙伴和商户</h1>
    <p>点击列表，可查看到下级状态，点击操作中的
      <span>查看</span>可看到详细资料</p>
    <img src="../assets/images/admin/13.png" alt="">
    <p>点击
      <span>状态</span>，可更改工作状态</p>
    <img src="../assets/images/admin/14.png" alt="">
    <p>点击商户列表，可查看下级商户的状态，可看到所有下级商户，点击任意一条商户，点击
      <span>更改</span>，可自主为商户更改</p>
    <img src="../assets/images/admin/15.png" alt="">
    <h1>04分润设置</h1>
    <p>点击管理后台左侧导航栏中的分润设置，继续点击
      <span>分润设置</span>，选择要分润的对象，点击新增</p>
    <img src="../assets/images/admin/16.png" alt="">
    <p>设置对下级合作伙伴的分润，完成后点击
      <span>保存</span>
    </p>
    <img src="../assets/images/admin/17.png" alt="">
    <p>点击商户分润设置，选中要分润的商户对象，点击新增</p>
    <img src="../assets/images/admin/18.png" alt="">
    <p>设置对下级商户的分润，完成后点击
      <span>保存</span>
    </p>
    <img src="../assets/images/admin/19.png" alt="">
    <h1>05花呗分期打款记录（提取分润）</h1>
    <p>登录服务商后台后，点开
      <span>分润账单</span>，即可看到花呗分期打款记录（提取分润），花呗分期账单汇总，花呗分期账单明细</p>
    <img src="../assets/images/admin/20.png" alt="">
    <p>选择花呗分润打款记录，点击需要提取的分润周期，确认好周期后点击搜索即可获得该周期的账单，其中分润账单周期为月，
      <span>每月10日出上个月的分润账单，每月10-25号之前可以提交分润提取的申请，每月26日总部统一打款，超过当月25日提交的分润提取申请，需要到次月的10-15日处理</span>，所以请代理商务必每月25号之前提交完提取申请</p>
    <img src="../assets/images/admin/21.png" alt="">
    <p>点击确认后出现确认信息，
      <span>按照要求填写完确认信息后</span>，点击状态确认，即可提交成功。</p>
    <img src="../assets/images/admin/22.png" alt="">
    <h1>06花呗分期账单汇总</h1>
    <p>
      点击花呗分润账单汇总，即可看到自己和自己商户以及下级代理商每月的分润情况，分润周期和分润对象可以筛选查看。</p>
    <img src="../assets/images/admin/23.png" alt="">
    <h1>07花呗分期账单明细</h1>
    <p>点开分润账单明细，即可看到自己、下级服务商、下级服务商商户
      <span>实时产生的账单明细</span>；可按照起始日期、金融产品、订单号、金融产品执行方案进行筛选查询。
      </p>
    <img src="../assets/images/admin/24.png" alt="">
    <h1>08 查看运营报表

    </h1>
    <p>点击管理后台左侧导航栏中的运营报表管理，继续点击<span>交易详细管理</span>，可查看到全部的交易详情，包括下级合作伙伴和商户的交易详情</p>

    <img src="../assets/images/admin/25.png" alt="">
    <p>点击下级业绩报表，可查看到下级合作伙伴和商户的业绩报表</p>
    <img src="../assets/images/admin/26.png" alt="">
    <h1>09查看金融产品</h1>
    <p>点击管理后台左侧导航栏中的<span>金融产品管理</span>，继续点击我的金融产品执行方案管理，可查看到我的金融产品执行方案的总表。</p>
    <img src="../assets/images/admin/27.png" alt="">
  </div>
</template>

<script>
export default {
    name: "adminusetutorials",
    data() {
        return {
            msg: "Welcome to Your Vue.js App"
        };
    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1 {
    text-align: center;
    color: rgb(51, 184, 108);
    margin-top: 20px;
}
p {
    color: rgb(0, 122, 170);
    font-size: 16px;
    padding: 10px;
    text-align: center;
}
p span {
    color: red;
    font-size: 18px;
}

img {
    width: 100%;
}
</style>
